import React from "react";
import { Badge, TabBar } from "antd-mobile";
import { useNavigate } from "react-router-dom";
import {handleHomes} from "../../router/index"
function Index() {
  const navigate = useNavigate();
  return (
    <div>
      <TabBar onChange={(key)=>navigate(key)}>
        {handleHomes.map((item) => (
          <TabBar.Item key={item.path} icon={item.icon} title={item.title} />
        ))}
      </TabBar>
    </div>
  );
}

export default Index;
